﻿article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
    audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
a { background: transparent; }
    a:focus { outline: thin dotted; }
    a:active, a:hover { outline: 0; }
h1 { margin: .67em 0; font-size: 2em; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box; }
mark { color: #000; background: #ff0; }
code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }
legend { padding: 0; border: 0; }
button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100%; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
    button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0,0,0,0); }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a { color: #428bca; text-decoration: none; }
    a:hover, a:focus { color: #2a6496; text-decoration: underline; }
    a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
img { vertical-align: middle; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; line-height: 1.1; color: inherit; }
    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #999; }
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
    h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 65%; }
h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
    h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small { font-size: 75%; }
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
p { margin: 0 0 10px; }
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; }

small, .small { font-size: 85%; }
cite { font-style: normal; }

ul, ol { margin-top: 0; margin-bottom: 10px; }
    ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.428571429; }
dt { font-weight: bold; }
dd { margin-left: 0; }

abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999; }
blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eee; }
    blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; }
        blockquote p:last-child { margin-bottom: 0; }
    blockquote small, blockquote .small { display: block; line-height: 1.428571429; color: #999; }
        blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; }
    blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; }
        blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small { text-align: right; }
            blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; }
            blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; }
    blockquote:before, blockquote:after { content: ""; }
address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; }
code, kbd, pre, samp { font-family: Menlo,Monaco,Consolas,"Courier New",monospace; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px; }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
    pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }

table { max-width: 100%; background-color: transparent; }
th { text-align: left; }

fieldset { padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }
label { display: inline-block; margin-bottom: 5px; font-weight: bold; }
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }
input[type="file"] { display: block; }
select[multiple], select[size] { height: auto; }
select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; }
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; }
textarea.form-control { height: auto; }
select.input-sm { height: 30px; line-height: 30px; }
textarea.input-sm { height: auto; }
select.input-lg { height: 46px; line-height: 46px; }
textarea.input-lg { height: auto; }







html, body { margin: 0; padding: 0; }

body { background-color: #2ca6cb; color: #666; font-size: 18px; line-height: 1.428571429; color: #333; font-weight: 400; -webkit-font-smoothing: antialiased; font-family: "Hiragino Sans GB", "Microsoft YaHei", sans-serif,Tahoma,"Trebuchet MS","宋体"; background-image: url(../images/bg.jpg); background-repeat: repeat; }
.header { width: 100%; height: 100px; overflow: hidden; padding: 20px 0; border-bottom: #3385ff solid 10px; }
.site-title { width: 980px; margin-left: auto; margin-right: auto; line-height: 30px; }
    .site-title a { font-weight: bold; font-size: 1.2em; color: #13204f; text-decoration: none; }
    .site-title p { font-size: 0.8em; color: #666; }
nav { width: 100%; margin: auto; display: none; }
    nav ul { margin: 0; padding: 0; text-align: right; }
        nav ul li { display: inline-block; padding: 0; margin: 0; line-height: 50px; color: #fff; font-weight: bold; }
    nav a { color: #fff; font-weight: bold; padding: 0 10px; }
        nav a:hover { border-bottom: solid 3px #DC3C00; line-height: 50px; display: inline-block; }
.containet { width: 980px; margin-left: auto; margin-right: auto; vertical-align: top; margin-top: 2em; }
.post-list { width: 690px; float: left; }
.details { width: 690px; float: left; background: #fffefe; padding: 2em; }
.post-list ul { padding: 0; margin: 0; }
.post-list li { padding: 10px 30px; margin-bottom: 2em; line-height: 1.5; background: #fffefe; list-style: none; }
.post-list li a, .post-list li a:active, .post-list li a:link { color: #333; text-decoration: none; font-weight: 500; font-size: 1.2em; }
    .post-list li a:hover { color: #ff6a00; }

.post-list .summary { line-height: 1.5; font-family: "Hiragino Sans GB", "Microsoft YaHei", sans-serif,Tahoma,"Trebuchet MS","宋体"; white-space: pre-wrap; font-size: 0.95em; color: #666; }
.post-list .meta { font-size: 0.8em; color: #999; line-height: 2em; margin-top: 1.5em; }
.post-list .title { padding: 1em 0; }
.post-list .meta span, .details .meta span { display: inline-block; padding-right: 1em; }
.post-list .meta a, .details .meta a { color: #999; }

.details .title { color: #2a6496; padding: 0.5em 0; font-weight: bold; font-size: 1.2em; }
.details .meta { font-size: 0.8em; color: #999; line-height: 2em; border-bottom: solid 1px #ccc; }
.details .post { line-height: 2em; margin-top: 2em; }

.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }


.sidebar { overflow: hidden; width: 270px; vertical-align: top; float: right; padding: 0 10px; }
    .sidebar dl { background-color: #fffefe; padding: 20px; line-height: 1.5; }
    .sidebar dt { line-height: 2; font-weight: 200; }
    .sidebar dd { padding: 0.2em 0 0.2em 1em; line-height: 1.5; font-size: 0.95em; }
.icon { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background-image: url("../images/icon.png"); background-repeat: no-repeat; margin-top: 4px; }
.icon-time { background-position: -48px -24px; }
.icon-author { background-position: -168px 0px; }
.icon-channel { background-position: -240px 0px; }

.footer { width: 100%; background: #000; color: #f5f5f5; text-align: center; line-height: 2em; clear: both; margin-top: 2em; font-size: 0.8em; padding: 0.5em 0; }


.pager{ height:55px;text-align:center;width:100%; line-height:25px;background:#fff;color:#666; font-size:16px; padding:15px 0; }
.pager a {padding:2px 5px 3px 5px;font-size:12px;width:auto;margin:2px; text-decoration: none; font-weight:bold; }
.pager a:link,.pager a:visited,.pager a:active {border:1px solid #ccc;font-weight:bold; }
.pager a:hover {border:solid 1px #FF6600; background:#FBE6C6; color:#FF6600;font-weight:bold; }
.pager span{padding:2px 5px 3px 5px;font-size:12px;border:1px solid #ccc;width:auto;margin:2px;background-color:#f3f4f5;font-weight:bold; }